<div id='createCross'>
    <div class="easyui-tabs" style="width:100%;height:490px;max-width: 455px;min-width: 455px">
        <div title="路口基本信息" >
            <ul id='createCrossForm'>
                <li>
                    <button class="btn-lg">关联位置</button>
                    <span>用户名称:admin</span>
                    <span>建档时间:2017-8-28 16:44:23</span>
                </li>
                <li>
                    <label for="">路口别称</label>
                    <input type="text">
                    <label for="">*路口名</label>
                    <input type="text">
                </li>
                <li>
                    <label>路口类型</label>
                    <select name="" id="">
                        <option value="">十字路口</option>
                        <option value="">丁字路口</option>
                        <option value="">环形路口</option>
                        <option value="">异形路口</option>
                        <option value="">行人过街路口</option>
                    </select>
                    <label>*路口编号</label>
                    <input type="text" name="" id="">
                </li>
                <li>
                    <label>所属辖区</label>
                    <select name="" id="">
                        <option value="">宣州区</option>
                    </select>
                    <label>信号机厂家</label>
                    <select name="" id="">
                        <option value="">安徽科力</option>
                        <option value="">丁字路口</option>
                    </select>
                </li>
                <li>
                    <label>管理单位</label>
                    <select name="" id="">
                        <option value="">一大队</option>
                    </select>
                    <label>信号机型号</label>
                    <select name="" id="">
                        <option value="">KL-UTC3.2</option>
                        <option value="">丁字路口</option>
                    </select>
                </li>
                <li>
                    <label>重要程度</label>
                    <select name="" id="">
                        <option value="">***</option>
                    </select>
                    <label>信号机编号</label>
                    <input type="text" name="" id="">
                </li>
                <li>
                    <label>亮灯方式</label>
                    <select name="" id="">
                        <option value="">全天亮灯</option>
                    </select>
                    <label>联网方式</label>
                    <select name="" id="">
                        <option value="">光纤</option>
                        <option value="">丁字路口</option>
                    </select>
                </li>
                <li>
                    <label>监控编号</label>
                    <input type="text">
                    <label>授时方式</label>
                    <select name="" id="">
                        <option value="">GPS授时</option>
                        <option value="">丁字路口</option>
                    </select>
                </li>
                <li>
                    <label for="">方案维护单位</label>
                    <select name="" id="" style='width:80%'>
                        <option value="">安徽科力信息产业有限责任公司</option>
                    </select>
                </li>
                <li>
                    <label for="">设备维护单位</label>
                    <select name="" id="" style='width:80%'>
                        <option value="">安徽科力信息产业有限责任公司</option>
                    </select>
                </li>
            </ul>
            <div class="footer-buttons">
                <button class="btn-lg">保存</button>
                <button class="btn-lg">取消</button>
            </div>
        </div>
        <div title="路口结构" style="padding:10px;">
            <p class="second">12222</p>
        </div>
        <div title="工作表/时段表管理" style="padding:10px;">
            Third Tab
        </div>
    </div>
</div>

<style>
    #createCross #createCrossForm > li {
        color: #fff;
        display: flex;
        justify-content: space-between;
        height: 30px;
        line-height: 30px;
        margin: 10px;
    }
    #createCross .footer-buttons {
        width: 100%;
        padding: 10px 0 0;
        border-top: 1px solid #04436a;
        display: flex;
        justify-content: space-around;
    }

</style>

<script>



</script>

